<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>锻炼视频</title>
</head>

<body class="paly">
    <main class="main">
        <div class="back">
            &lt;
        </div>
        <video src="http://fitness.h5.itsource.cn:3701/course/part1.mp4" id="video" muted>
            
        </video>
        <p>
            <span class="part">3</span>/<span class="totalpart">8</span>
        </p>
        <p class="title">腕关节环绕</p>
    </main>
    <!-- 播放按钮 -->
    <div class="paly_btn">
        <i class="iconfont icon-jiantou_up"> </i>
        <i class="iconfont icon-zanting"></i>
        <i class="iconfont icon-jiantou_next"></i>
    </div>

    <!--进度条-->
    <div class="Progress">
    </div>

    <!-- 暂停弹出蒙层 -->
    <div class="mask">
    </div>
    <div class="mask_box">
        <div class="mask_box_btn"> 
           <p class="continue"><i class="iconfont icon-play"></i> 继续训练</p>
           <p class="over"><i class="iconfont icon-close"></i> 结束训练</p>
        </div>
        <div class="mask_box_text">
            <img class="mask_box_img" src="http://fitness.h5.itsource.cn:3701/course/part1.png">
            <p>当前: <span class="titlemini">1111</span> </p>
        </div>
    </div>
</body>

</html>